<template>
	<view >
		<view class="a">
			购物车
		</view>
		<view class="b">
			<view class="b1">
				<image style="width:100%;height:100%"src="../../static/images/fq/xs.png" mode=""></image>
			</view>
			<view class="b2">
			<view style="margin-left:20rpx;">
				KOMEITO 车载香水
				<checkbox value="cb" color="green" style="transform:scale(0.7);margin-left:200rpx" />
			</view>	
			<view style="margin-left:20rpx;font-size: 20rpx;color:#999999">
				磨砂合金
			</view>	
			<view style="margin-left:20rpx;margin-top:60rpx;color:red">
				￥60 <text style="margin-left:400rpx;color:#C0C0C0">x1</text>
			</view>	
			</view>
		</view>
		<view class="b">
			<view class="b1">
				<image style="width:100%;height:100%"src="../../static/images/fq/fj.png" mode=""></image>
			</view>
			<view class="b2">
			<view style="margin-left:20rpx;">
				KOMEITO 车载香水
				<checkbox value="cb" color="green" style="transform:scale(0.7);margin-left:200rpx" />
			</view>	
			<view style="margin-left:20rpx;font-size: 20rpx;color:#999999">
				磨砂合金
			</view>	
			<view style="margin-left:20rpx;margin-top:60rpx;color:red">
				￥60 <text style="margin-left:400rpx;color:#C0C0C0">x1</text>
			</view>	
			</view>
		</view>
		<view style="height:100rpx;text-align: center;line-height: 100rpx;font-weight: 800;color:red">
			猜你喜欢
		</view>
		<view style="width:98%;height:1100rpx;margin-top: 20rpx;">
			<view style="height:48%;width:100%;;display: flex;">
				<view style="width:48%;height:100%;">
					<view style="height:70%;">
						<image style="width:100%;height:100%;margin-left:10rpx"src="../../static/images/fq/qq.png" mode=""></image>
					</view>
							<view style="height:28%;font-size: 22rpx;padding:25rpx">
								美孚(Mobil)美孚速霸2000全合成机油 5W-4W
								<view style="color:red;font-weight: 800;">
									￥69.00
									<text style="margin-left:130rpx;color:#999999;">20人付款</text>
								</view>
							</view>
				</view>
						<view style="width:48%;height:100%;font-size: 22rpx;">
							<view style="height:70%;">
								<image style="width:100%;height:100%;margin-left:20rpx"src="../../static/images/fq/wj.png" mode=""></image>
							</view>
							<view style="height:30%;font-size: 22rpx;padding:25rpx">
								亮牌(Shell)全合成机油汽车润滑油 汽车机油发动机
								<view style="color:red;font-weight: 800;">
									￥69.00
									<text style="margin-left:130rpx;color:#999999;">20人付款</text>
								</view>
							</view>
						</view>
			</view>
					<view style="height:48%;width:100%;;display: flex;">
						<view style="width:48%;height:100%;">
							<view style="height:70%;">
								<image style="width:100%;height:100%;margin-left:10rpx"src="../../static/images/fq/xl.png" mode=""></image>
							</view>
							<view style="height:30%;font-size: 22rpx;padding:25rpx">
								福特(FORD)原厂几率(新蒙迪欧/翼虎/致胜)
								<view style="color:red;font-weight: 800;">
									￥69.00
									<text style="margin-left:130rpx;color:#999999;">20人付款</text>
								</view>
							</view>
							
						</view>
						<view style="width:48%;height:100%;">
							<view style="height:70%;">
								<image style="width:100%;height:100%;margin-left:20rpx"src="../../static/images/fq/qc.png" mode=""></image>
							</view>
							<view style="height:30%;font-size: 22rpx;padding:25rpx">
								亮牌(Shell)发动机清洗油4L 汽车用品
								<view style="color:red;font-weight: 800;">
									￥69.00
									<text style="margin-left:130rpx;color:#999999;">20人付款</text>
								</view>
							</view>
						</view>
					</view>
					<view style="width:100%;height:160rpx;text-align: center;color: #C0C0C0;" >
						到底了...
					</view>
					<view class="gw">
						<lable style="margin-top:20rpx"><checkbox value="cb" color="green" style="transform:scale(0.7);margin-left:80rpx;" />
						<text style="font-size: 22rpx;">全选</text></lable>
						<lable style="margin-top:20rpx;margin-left:200rpx">合计：<text>￥60</text></lable>
						<view class="c1">
							去支付
						</view>
					</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.c1{
		width:120rpx;
		height:60rpx;
		background-color: red;
		color:white;
		margin-top:10rpx;
		margin-left:30rpx;
		line-height: 60rpx;
		text-align: center;
		border-radius: 10rpx;
	}
	.gw{
		width:100%;
		height:100rpx;
		/* border: 1px solid #007AFF; */
		position: fixed;
		background-color: white;
		bottom: 0;
		display: flex;
	}
   .a{
	   height: 70rpx;
	   background-color: white;
	   text-align: center;
	   line-height:70rpx;
	   border-bottom: 1rpx solid #666666;
   }
   .b{
	   height:200rpx;
	   width: 100%;
	   display: flex;
	   background-color: white;
	   border-bottom: 1rpx solid #666666;
	   padding:20rpx
   }
   .b1{
	   width:180rpx;
	   height:180rpx;
	   
	   /* border:1px solid red */
   }
   .b2{
	   
   }
</style>
